{% extends 'layout.html' %}
{% block content %}
<div class="row-fluid">
  <div class="span12">
    <div class="order_ticket">
      <h3>Order #</h3>
      <span class="order_number_big">{{ order.id }}</span>
      <br/><br/>
      <div class="clearfix"></div>
      <h3>{{ order.quantity }} {{ order.menu_item.food.name }}</h3>
      <h5>From: {{ order.menu_item.truck.name }}</h5>
      <br/><br/><br/>
      {% if order.status == order.STATUS_ACTIVE %}
        {% if order.menu_item.orders_in_queue() == 1 %}
          <h3 class="green-text">Your order is next!</h3>
        {% else %}
          <h3 class="orange-text">There are {{ order.menu_item.orders_in_queue() - 1 }} orders before you.</h3>
        {% endif %}
      {% else %}
        {% if order.status == order.STATUS_READY %}
          <h3 class="green-text">Your order is ready to be picked up!</h3>
        {% else %}
          <h3 class="green-text">Your order has been picked up</h3>
        {% endif %}
      {% endif %}
    </div>

  </div>
</div>
{% endblock %}